@charset "utf-8";
.container{
    width: 1400px;
}
body{
    overflow: hidden;
    padding-top: 72px;
}
.index-top{
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: #337ab7;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    display: none;
}
.content-in video{
    width: 100% !important;
    height: auto !important;
}
.top{

    position: relative;
    top: 4px;
    color: #fff;
    font-size: 22px;

}
.index-top b{
    font-size: 12px;
    display: none;
    color: #fff;
}
.index-top:hover span{
    display: none;
}
.index-top:hover b{
    display: block;
}
.logo{
    float: left;
    margin-top: 14px;
    margin-left: 30px;
}
.searchinfo{
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 0px !important;
}
.searchinfo input[type="text"]{
    position: absolute;
    right:55px;
    border: none;
    top:0px;
    width: 0px;
    height: 72px;
    border: none;
   font-size: 16px;
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    background-color: #000000;

}
.searchinfo:hover input[type="text"]{
    width: 250px;
    padding-left: 15px;
    font-size: 18px;

}
.searchinfo input[type="submit"]{
    float: left;
    width: 55px;
    height: 72px;
    border: 1px solid #e6e6e6;
    background-color: #cc0104;
    background-image: url("/Web/images/icon-1.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    border: none;
}
.itm-img{
    height: 100%;
    width: 60%;
    background: url("../images/icon-5.png") no-repeat right;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 0px !important;
    padding: 8% 0 0 10%;
}
.item{
    position: relative;
}
.itm-img h2{
    font-size: 42px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}
.itm-img a{
    width: 140px;
    height: 45px;
    /*border: 1px solid #fff;*/
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    display: inline-block;
    margin-top: 30px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.itm-img h1{
    font-size: 148px;
    color: #fff;
    opacity: 0.05;
    font-weight: bold;
    position: absolute;
    top: 10%;

}
.index-past1-list ul li{
    float: left;
    width: 11.111%;
    height: 167px;
    border: 1px solid #ededed;
    /* margin-left: -1px; */
    text-align: center;
    padding-top: 32px;
    cursor: pointer;
}
.index-past1-list ul li.active{
    background-color: #cc0104;
}
.title{
    font-size: 36px;
    color: #4c4c4c;
    text-align: center;
    margin: 50px 0;
}
.title a{
    color: #4c4c4c;
}
.index-past1-list ul li i{
    display: block;
    height: 50px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.index-past1-list ul li span{
    display: block;
    color: #7C848E;
    font-size: 50px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.l1 i{
    background: url("../images/icon-7.png") no-repeat center;
}
.l1.active i{
    background: url("../images/icon-6.png") no-repeat center;
}
.l2 i{
    background: url("../images/icon-8.png") no-repeat center;
}
.l2.active i{
    background: url("../images/icon-9.png") no-repeat center;
}
.l3 i{
    background: url("../images/icon-10.png") no-repeat center;
}
.l3.active i{
    background: url("../images/icon-11.png") no-repeat center;
}
.l4 i{
    background: url("../images/icon-12.png") no-repeat center;
}
.l4.active i{
    background: url("../images/icon-13.png") no-repeat center;
}
.l5 i{
    background: url("../images/icon-14.png") no-repeat center;
}
.l5.active i{
    background: url("../images/icon-15.png") no-repeat center;
}
.l6 i{
    background: url("../images/icon-16.png") no-repeat center;
}
.l6.active i{
    background: url("../images/icon-17.png") no-repeat center;
}
.l7 i{
    background: url("../images/icon-18.png") no-repeat center;
}
.l7.active i{
    background: url("../images/icon-19.png") no-repeat center;
}
.l8 i{
    background: url("../images/icon-998.png") no-repeat center;
}
.l8.active i{
    background: url("../images/icon-999.png") no-repeat center;
}

.l9 i{
    background: url("../images/icon-191.png") no-repeat center;
}
.l9.active i{
    background: url("../images/icon-192.png") no-repeat center;
}
.l10 i{
    background: url("../images/icon-201.png") no-repeat center;
}
.l10.active i{
    background: url("../images/icon-202.png") no-repeat center;
}
.index-past1-list ul li p{
    font-size: 16px;
    color: #4c4c4c;
    margin-top: 15px;
    line-height: 1.5;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.index-past1-list ul li.active i{
    transform: translateY(10px);
}
.index-past1-list ul li.active span{
    color: #FFF;
    transform: translateY(10px);
}
.index-past1-list ul li.active p{
    transform: translateY(-10px);
}
.index-past1-list ul li.active p{
    color:#fff;
}
.index-past1-left{
    float: left;
    width: 57.1%;
}
.index-past1-block{
    border: 1px solid #ededed;
    border-top: none;
}
.index-past1-left img{
    display: block;
    width: 100%;
}
.bottom-li-in p{
    font-size: 14px;
    margin-top: 15px;
    text-align: left;
   line-height: 20px;
}
.index-past1-right{
    width: 42.9%;
    float: left;
    padding: 60px 40px 0 40px;
    text-align: left;
}
.index-past1-right h2{
    font-size: 26px;
    color: #000000;
    margin-bottom: 6px;
    margin-top: 0px;
    text-align: left;
}
.index-past1-right h3{
    font-size: 18px;
    color: #cccccc;
    text-align: left;
}
.index-past1-right p{
    font-size: 14px;
    color: #4c4c4c;
    line-height: 28px;
    margin: 30px 0;
}
a.Vbtn-2{
    font-size: 16px;
    color: #666666;
    width: 135px;
    height: 45px;
    display: inline-block;
    /*border: 1px solid #666666;*/
    text-align: center;
    line-height: 45px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}
a.Vbtn-2:hover{
    /*border-radius: 20px;*/
    color: #dd4f50;
    /*border: 1px solid #dd4f50;*/
    /*background-color: #dd4f50;*/
}
.index-past1-block{
    display: none;
}
.index-past1-block.active{
    display: block;
}
.index-past2{
    background: url("../images/icon-21.jpg") no-repeat center center;
    margin-top: 50px;
    padding-bottom: 50px;
    background-size: cover !important;
}
.slick-on-text i{
    display: block;
    width: 28px;
    height: 14px;
    background: url("../images/icon-23.png") no-repeat center center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    margin-top: 30px;
}
.slick-on-in:hover .slick-on-text{
   /*background-color: #cc0104;*/
}
.slick-on-in:hover .slick-on-text i{
    background: url("../images/icon-26.png") no-repeat center center;
    transform: translateX(20px);
}
.titles{
    font-size: 36px;
    color: #fff;
    padding: 50px 0;
    text-align: center;
}
.titles a{
    font-size: 36px;
    color: #fff;
}
.slick-on-in{
    padding: 10px;

}
.slick-on-in .slick-on-img{
    overflow: hidden;
}
.slick-on-in .slick-on-img img{
    width: 100%;
    height: 280px;
    object-fit: cover;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    display: block;
}
.slick-on-in:hover  .slick-on-img img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.slick-on-text{
    background-color: #fff;
    padding: 35px 20px;
    height: 175px;
}
.slick-on-text h2{
    font-size: 20px;
    color: #4c4c4c;
    font-weight: 400;
    margin-bottom: 35px;
    /*-webkit-transition: all .6s;*/
    /*-moz-transition: all .6s;*/
    /*-o-transition: all .6s;*/
    /*-ms-transition: all .6s;*/
    /*transition: all .6s;*/
    /*cdisplay: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-heightt: 26px;*/

}
.nav-li-info-img-news{
    background: url("../images/abc.jpg") no-repeat center center;
}
.slick-on-in:hover .slick-on-text h2{
    /*transform: translateX(10px);*/
    /*-ms-transform: translateX(10px);*/
    color: #cc0104;
}
.slick-on-text p{
    font-size: 14px;
    color: #4c4c4c;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.slick-on-in:hover .slick-on-text p{
    /*color: #cc0104;*/
}
.Vbtn-1 svg {
    height: 45px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.Vbtn-1{
    position: relative;
}
.Vbtn-1 rect {
    fill: none;
    stroke: #fff;
    stroke-width: 3;
    stroke-dasharray: 422, 0;
    transition: all 450ms linear 0s;
}

.Vbtn-1:hover {
    background: rgba(225, 51, 45, 0);
    transition: all 150ms linear 0s;
}

.Vbtn-1:hover rect {
    stroke: #fff;
    stroke-width: 5;
    stroke-dasharray: 23, 270;
    stroke-dashoffset: 48;
    -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
.Vbtn-2 svg {
    height: 45px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.Vbtn-2{
    position: relative;
}
.Vbtn-2 rect {
    fill: none;
    stroke: #666666;
    stroke-width: 3;
    stroke-dasharray: 422, 0;
    transition: all 450ms linear 0s;
}

.Vbtn-2:hover {
    background: rgba(225, 51, 45, 0);
    transition: all 150ms linear 0s;
}

.Vbtn-2:hover rect {
    stroke: #c83537;
    stroke-width: 5;
    stroke-dasharray: 23, 260;
    stroke-dashoffset: 48;
    -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
.txt a.Vbtn-1 rect {
    stroke: #c83537;
}
a.Vbtn-1{
    width: 140px;
    height: 45px;
    /* border: 1px solid #fff; */
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    display: inline-block;
    margin-top: 46px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.slicka-in{
    padding:0 10px;
    position: relative;
}
.slicka-info::after{
    content: "";
    width: 100%;
    height: 144px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.70) 100%);
}
.slicka-info:hover .slicka-info::after{
    background: none;
}
.slicka-in img{
    width: 100%;
    display: block;
    height: 280px;
    object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.slicka-in:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.slicka-in-tent{
    position: absolute;
    bottom: 0px;
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    padding: 20px;
    z-index: 99;
    height: 67px;
}
.slicka-in-tent h2{
    font-size: 22px;
    color: #fff;
    line-height: 28px;
}
.slicka-info{
    position: relative;
    overflow: hidden;
}
.slicka-in-tent p{
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    display: none;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}

.slicka-info:hover .slicka-in-tent{
    background-color: rgba(0,0,0,.6);
    height: 100%;
}
.slicka-info:hover .slicka-in-tent h2{
    display: none;
}
.slicka-info:hover .slicka-in-tent p{
    display: -webkit-box;
    padding-top: 25%;
}
a.more{
    width: 140px;
    height: 45px;
    background-color: #cc0104;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    display: block;
    margin: 30px auto 50px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    position: relative;
    overflow: hidden;
}
a.more b{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    display: inline-block;
}
a.more:hover b{
    transform: translateX(300%);
}
a.more:before{
    content: "→";
    position: absolute;
    left: -100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
a.more:hover:before{
    left: 45%;
}
/*.index-past3>a:hover{*/
    /*background-color: transparent;*/
    /*border: 1px solid #cc0104;*/
    /*border-radius: 20px;*/
    /*color: #cc0104;*/
/*}*/
.index-past4{
    background: url("../images/icon-32.jpg") no-repeat center center;
    background-size: cover !important;
}
.index-past4-p{
    width: 735px;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    text-align: center;
}
.index-past4-list ul{
    text-align: center;
}
.index-past4-list ul li{
    display: inline-block;
    margin: 70px 100px;
    text-align: center;
}
.index-past4-list ul li span{
    font-size: 54px;
    color: #fff;
    font-weight: bold;
    font-family: akrobat;
    font-weight: 900;
}
.index-past4-list ul li p{
    font-size: 16px;
    color: #fff;
    margin-top: 18px;
}
.map-content .index-past4-list ul li span,
.map-content .index-past4-list ul li p{
     color: #333333;
}
.map-content .index-past4-list ul li {
    margin: 20px 100px;
}
.uu{
    background: url("../images/uu.png") no-repeat center center;
    background-size: contain;
}
.index-past5{
    background-color: #222222;
    padding: 70px 0;
    height: 650px;
    position: relative;
}
.index-past5 canvas{
    height: 650px !important;
    position: absolute !important;
    top: 0px !important;
    width: 100% !important;
}
.index-past5-in{
    width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.index-past5-left{
    float: left;
    margin-top: 180px;
}
.index-past5-left ul li b{
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
    position: relative;
    top: -6px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    display: inline-block;
}
.index-past5-left ul li{
    margin-bottom: 45px;
    cursor: pointer;
}
.index-past5-left ul li span{
    font-size: 54px;
    color: #fff;
    font-weight: bold;
    text-align: right;
    display: inline-block;
    width: 133px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    font-family: akrobat;
}
.index-past5-left ul li:hover span{
    transform: translateX(-10px);
}
.index-past5-left ul li:hover b{
    transform: translateX(10px);
}
.index-past5-right{
    float: right;
    margin-top: 60px;
}
.index-past5-right ul li img{
    max-width: 100%;
}
.index-past5-right ul li{
    display: none;
}
.index-past5-right ul li.active{
    display: block;
    position: relative;
    overflow: hidden;
}
.foot{
    background-color: #232222;
}
.foot-top-in{
    float: left;
}
.foot-top-in h2{
    font-size: 16px;
    color: #000000;
    margin-bottom: 23px;
}
.foot-top-in ul li a{
    font-size: 12px;
    color: #808080;
    margin-bottom: 17px;
    display: block;
}
.foot-top-in ul li a:hover{
    color: #cc0104;
}
.foot-top-in{
    margin-right: 60px;
}
.foot-top-in-right{
    /*float: right;*/
    text-align: center;
    padding: 20px;
    display: none;
}
.foot-top-in-right h2{
    font-size: 16px;
    color: #fff;
    margin-bottom: 23px;
}
.foot-top{
    padding: 70px 0;
}
.foot-bottom{
    padding: 20px 0;
}
.foot-bottom span{
    font-size: 12px;
    color: rgba(255, 255, 255, 0.75);
    display: block;
    text-align: center;
    line-height: 26px;
}
.foot-bottom span a{
    font-size: 12px;
    color: rgba(255,255,255,0.2);
    margin-left: 30px;
}
.foot-bottom .foot-ga{
    position: relative;
}
.foot-bottom .foot-ga::after{
    background: url(../images/icon-gongan.png) no-repeat center;
    background-size: contain;
    width: 16px;
    height: 16px;
    content: "";
    position: absolute;
    left: -20px;
    top: 1px;
}
.item img{
    /*opacity: 0;*/
}
.nav-li-info{
    position: absolute;
    width: 100%;
    background-color: #f1f1f1;
    height: 250px;
    display: none;
    left: 0px;
    top: 72px;
    /* padding-top: 70px; */
    border-top: 1px solid #dedede;
    box-shadow: 0 2px 4px rgba(204, 1, 4, .6);
    align-items: flex-start;
}

.nav-clid-a {
    display: flex;
    /* align-items: center; */
    width: 25%;
    height: max-content;
    line-height: 1.5;
    font-size: 16px;
    color: #4c4c4c;
    margin: 16px 0;
    text-align: left;
}

.nav-li-info-left {
    width: 60%;
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    padding: 30px 46px;
}
.nav-li-info-left2 {
    /* justify-content: space-between; */
}
.nav-li-info-left2 .nav-clid-a{
    width: 33.3%;
}
.nav-clid-a img {
    margin-right: 10px;
    width: 17px;
    height: 17px;
    transform: translateY(4px);
}

.nav-li-info-right{
    width: 40%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px;
    background-size: cover !important;
}
.nav-li-info-right p{
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    text-align: left;
    padding-bottom: 30px;
}
.nav-li-info-right a{
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    padding: 0;
}

.nav-li-info-img a{
    padding: 0px !important;
}
.nav-li-info a:hover{
    color: #cc0104;
}
.nav-li-info-img{
    position: absolute;
    width: 600px;
    height: 100%;
    right: 0px;
    top: 0px;
    padding: 130px 0 0 30px;
    text-align: left;
}
.nav-li-info-in-a a{
    padding: 0 10px !important;
    font-size: 14px !important;
}
.nav-li-info-img-c{
    background: url("../images/icon-88.jpg") no-repeat center;
}
.nav-li-info-img-jj{
    background: url("../images/icon-89.png") no-repeat center;
}
.nav-li-info-img-about{
    background: url("../images/icon-91.png") no-repeat center;
}
.nav-li-info-img-sz{
    background: url("../images/icon-90.png") no-repeat center;
}
.nav-li-info-img p{
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    text-align: left;
}
.nav-li-info-img a{
    font-size: 16px;
    color: #fff;
    line-height: 28px;
}
.nav-li-info-a{
    float: left;
   margin-right: 0px;
    line-height: 24px;
    margin-bottom: 30px;
    text-align: left;
    width: 200px;
}
.nav-li-info-a a{
    padding: 0px !important;
    display: flex;
}
/* .nav-li-info-a.active{
    width: 200px;
} */
.nav-li-info-a img{
    width: 17px;
    height: 17px;
    margin-bottom: -3px;
    margin-right: 5px;
}
.nav-li-info-a div{
    padding-left: 23px;
    margin-top: 15px;
}
.nav-li-info-a div a{
    font-size: 14px;
    color: #808080;
}
.nav-li-info-a a{
    font-size: 16px;
    color: #4c4c4c;
    line-height: 20px !important;
}
.nav ul li:hover .nav-li-info{
    display: flex;
}
.navPhone-li{
    display: none;
}
.phone-searchinfo{
    float: none;
    margin: -1px 0 0 0;
    position: relative;
}
.phone-searchinfo  input[type="text"] {
    float: none;
    width: 100%;
    height: 40px;
}
.phone-searchinfo  input[type="submit"] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 40px;
    width: 40px;
}
.about-banner img{
    width: 100%;
}
.about-banner{
    position: relative;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.about-banner-a{
    background: url("../images/icon-57.jpg") no-repeat center center;
}
.about-banner-text h2{
    font-size: 34px;
    color: #fff !important;
}
.about-banner-text h3{
    font-size: 16px;
    color: #fff !important;
    margin-top: 20px;
}
.about-banner-next{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 30px;
}
.about-banner-next i{
    display: inline-block;
    width: 14px;
    height: 18px;
    background: url("../images/icon-38.png") no-repeat;
    cursor: pointer;
}
.about-page1-title{
    font-size: 36px;
    color: #4c4c4c;
    margin: 45px 0;
    text-align: center;
}
.about-page1-p{
    font-size: 16px;
    color: #777777;
    line-height: 34px;
    text-align: left;
    text-indent: 2em;
}
.about-page1-list ul li{
    text-align: center;
}
.about-page1-list ul li h2{
    font-family: akrobat;
    font-size: 78px;
    color: #cc0104;
}
.about-page1-list ul li h3{
    font-size: 16px;
    color: #474747;
    margin: 26px 0 15px 0;
}
.about-page1-list ul li h3{
    font-size: 16px;
    color: #777777;
}
.about-page1-list{
    margin: 75px 0;
}
.index-past1{
    text-align: center;
    /*margin-bottom: 75px;*/
}
.about-page2{
    margin-top: 60px;
    height: 660px;
    background: url("../images/icon-39.jpg") no-repeat center center;
    background-size: cover !important;
}
.about-page2-title{
    font-size: 36px;
    color: #fff;
    text-align: center;
    padding: 45px 0;
}
.about-page3-list ul{
    margin-left: -15px;
    margin-right: -15px;
}
.about-page3-list ul li{
    height: 580px;
    padding: 0 0px;
    overflow: hidden;
}
.about-page3-list ul li a{
    display: block;

    position: relative;
    height: 100%;
    overflow: hidden;

}
.about-page3-list ul li a .a-in{
    padding: 70px 30px;
    z-index: 9;
    position: relative;
    height: 100%;
}
.about-page3-red{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(202,57,59,0.8);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    top: -100%;
    left: 0px;
}
.about-page3-list ul li:hover .about-page3-red{
    top: 0px;
}
.about-page3-list ul li.la1{
   background: url("../images/icon-45.jpg") no-repeat center center;
    background-size: cover !important;
}
.about-page3-list ul li.la2{
    background: url("../images/icon-46.jpg") no-repeat center center;
    background-size: cover !important;
}
.about-page3-list ul li.la3{
    background: url("../images/icon-47.jpg") no-repeat center center;
    background-size: cover !important;
}
.about-page3-list ul li h2{
    font-size: 28px;
    color: #fff;
    margin: 30px 0 10px 0;
}
.about-page3-list-ab ul li h2{
    font-size: 26px;
    margin-bottom: 30px;
}
.about-page3-list ul li h3{
    font-size: 14px;
    color: #fff;
}
.about-page3-list ul li span{
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 0px;
    left: 30px;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.about-page3-list ul li b{
    display: inline-block;
    width: 40px;
    height: 1px;
    background-color: #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    margin-top: 16px;
    margin-bottom: 30px;
}
.about-page3-list-text p{
    font-size: 14px;
    color: #fff;
    line-height: 32px;
}
.about-page3-list-text{
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
   position: relative;
    top: 30px;
}

.about-page3-list ul li:hover b{
    width: 100%;
}
.about-page3-list ul li:hover .about-page3-list-text{
    opacity: 1;
    top: 0px;
}
.about-page3-list ul li:hover span{
    opacity: 1;
    bottom: 30px;
}
.about-page3{
    margin-bottom: 97px;
}
.about-page4{
    background-color: #ca393b;
    padding-bottom: 110px;
}
.about-page4-text h2{
    font-family: akrobat;
    font-size: 48px;
    color: #fff;
    margin-bottom: 11px;
}
.about-page4-text h3{
    font-size: 18px;
    color: #fff;
}
.about-page4-text{
    padding-left: 20px;
    position: relative;
    top: -20px;
}
.about-page4-img{
    overflow: hidden;
}
.about-page5-in ul li{
    padding: 0 36px;
    margin-bottom: 80px;
}
.about-page5-in ul li img{
    width: 100%;
    display: block;;

}
.about-page5-info{
    height: 84px;
    background-color: #f4f4f4;
    line-height: 84px;
    padding: 0 45px;
}
.about-page5-info span{
    font-size: 20px;
    color: #474747;
}
.about-page5-info i{
    float: right;
    width: 33px;
    height: 33px;
    background: url("../images/icon-53.png") no-repeat;
    margin-top: 26px;
}
.about-page5-in ul li:hover i{
    background: url("../images/icon-54.png") no-repeat;
}
.about-page5-in ul li:hover .about-page5-info{
    background-color: #cc0104;
}
.about-page5-in ul li:hover span{
    color: #fff;
}
.about-page6{
  background: url("../images/icon-55.jpg") no-repeat center center;
    padding-bottom: 87px;
}
.about-page6-list{
    margin-top: 50px;
}
.about-page6-list ul li{
    text-align: center;
}
.about-page6-list ul li h2{
    font-size: 20px;
    color: #fff;
    margin: 30px 0 25px 0;
}
.about-page6-list ul li h3{
    font-size: 18px;
    color: #fff;
}
.about-page6-a{
    text-align: center;
    margin-top: 100px;
}
.about-page3-list-a ul li{
    background: none !important;
    height: auto;

}
.about-page3-list-a ul li:nth-child(2){
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
}
.about-page3-list-a ul li h2{
    color: #4c4c4c;
}
.about-page3-list-a ul li h3{
    color: #808080;
}
.about-page3-list-a ul li .about-page3-list-text{
     opacity: 1;
    position: static;
    display: block;
}
.about-page3-list-a ul li .about-page3-list-text p{
    color: #808080;
}
.about-page3-list-a ul li:hover a{
    background-color: #fff;
}
.about-page3-list-a{
    margin-bottom: 50px;
}
.about-page3-list-a ul li a{
    padding-bottom: 0px;
}
.case-nav{
    border-bottom: 1px solid #e6e6e6;
}
.case-nav ul li{
    float: left;
    width: 11.111%;
    text-align: center;
    padding: 25px 0;
}
.case-nav ul li.active{
    border-bottom: 1px solid #cc0104;
}
.case-nav ul li:hover{
    border-bottom: 1px solid #cc0104;
}
.case-nav ul li a{
    font-size: 16px;
    color: #4c4c4c;
    display: inline-block;
    display: flex;
    /* align-items: center; */
    justify-content: center;
}
.case-nav ul li:hover a{
    color: #cc0104;
}
.case-nav ul li.active a{
    color: #cc0104;
}
.case-banner{
    background: url("../images/icon-61.jpg") no-repeat center center;
}
.case-list{
    background-color: #f5f5f5;
    padding: 50px 0 0px 0;
}
.case-list-in ul li{
    margin-bottom: 30px;
    background-color: #fff;
}
.case-list-img{
    float: left;
    margin-right: 40px;
    overflow: hidden;
}
.case-list-img img{
    width: 447px;
    height: 245px;
    object-fit: cover;
    max-width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    display: block;
}
.case-list-img img:hover{
    transform: scale(1.05);
}
.case-list-text h2{
    margin: 40px 0 30px 0;
}
.case-list-text h2 a{
    font-size: 22px;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 26px;
}
.case-list-text h2 a:hover{
    color: #cc0104;
}
.case-list-text p{
    font-size: 14px;
    color: #808080;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.case-list-text>a{
    display: inline-block;
    width: 125px;
    height: 42px;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    color: #808080;
    text-align: center;
    line-height: 42px;
    margin-top: 30px;

}
.case-list-text>a:hover{
    background-color: #cc0104;
    border: 1px solid #cc0104;
    color: #fff;
}
.page-pagination {
    width: 100%;
    margin: 50px 0;
    text-align: center;
}
.page-pagination.active a{
    display: none;
}
.page-pagination.active{
    height: 50px;
    position: relative;
}
.page-pagination.active:after{
    content: "暂无数据";
    font-size: 16px;
    color: #999999;
    text-align: center;
    width: 100%;
}
.page-pagination a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    text-decoration: none;
    color: #5b5b5b;
    border: 1px solid #ddd;
    font-size: 14px;
    margin-right: -1px;
}

.page-pagination a:hover {
    color: #fff;
    border-color: #cc0104;
    background-color: #cc0104;
}
.second_cal_table td{
    border: none;
}
.page-pagination a.jp-disabled {
    cursor: no-drop;
    opacity: .5;
}

.page-pagination a.jp-disabled:hover {
    color: #5b5b5b;
    border-color: #ddd;
    background-color: #fff;
}

.page-pagination a.jp-current {
    cursor: default;
    color: #fff;
    border-color: #cc0104;
    background-color: #cc0104;
}
.jp-previous{
    background: url("../images/icon-64.png") no-repeat center center;
    text-indent: 999999px;
}
.jp-previous:hover{
    background: url("../images/icon-103.png") no-repeat center center;
    text-indent: 1000px;
}
.jp-next{
    background: url("../images/icon-63.png") no-repeat center center;
    text-indent: 1000px;
}
.jp-next:hover{
    background: url("../images/icon-102.png") no-repeat center center;
    text-indent: 1000px;
}
.NewsList-p{
    font-size: 24px;
    color: #999999;
    margin-top: 50px;
}
.case-more-in ul li{
   font-size: 14px;
    color: #808080;
    line-height: 30px;

}
.case-more-in ul li p{
    width: 80%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
}
.case-more-in ul{
    /*height: 180px;*/
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.case-more-in ul li{
    max-height: 206px;
    padding-bottom: 20px;
    padding-left: 30px;
}
.case-more-in ul li div{
    max-height: 177px;
    overflow: hidden;
}
.case-more-in ul li.active div{
    max-height:inherit ;
}
.case-more-in ul li.active{
    max-height:inherit ;
}
.case-more-in{
    position: relative;
}
.case-more-in:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #ededed;
    left: 33.33%;
    top: 0px;
}
.case-more-in:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #ededed;
    left: 66.66%;
    top: 0px;
}
.case-more-a{
    margin: 70px 0;
    text-align: center;
    position: relative;
}
.case-more-in ul li{
    position: relative;
}
.case-more-in ul li:after{
    content: "......";
    position: absolute;
    font-size: 24px;
    color: #474747;
    left: 30px;
    bottom: 3px;
    /*width: 100%;*/
    z-index: 9999;
    /*background-color: #fff;*/
    /*height: 26px;*/
}
.case-more-a span{
    display: inline-block;
    width: 150px;
    height: 50px;
    border: 1px solid #ededed;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #4c4c4c;
    cursor: pointer;
}
.case-more-a span i{
    display: inline-block;
    width: 13px;
    height: 7px;
    background: url("../images/icon-65.png") no-repeat;
    margin-left: 8px;
    margin-bottom: 2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.case-more-a span i.active{
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */
}

.case-more-a span:hover{
    color: #fff;
    border-color: #cc0104;
    background-color: #cc0104;
}
.case-more-a span:hover i{
    background: url("../images/icon-66.png") no-repeat;
}
.case-list-nav ul li{
    float: left;
    margin-right: 15px;
    margin-bottom: 30px;
}
.case-list-nav ul li a{
    display: block;
    /* height: 50px; */
    color: #4c4c4c;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 20px;
}
.case-list-nav ul li.aa a{
    width: 140px;
}
.case-list-nav ul li.active a{
    color: #fff;
    background-color: #cc0104;
}
.case-list-nav ul li a:hover{
    color: #fff;
    background-color: #cc0104;
}
.news-top{
    background-color: #f5f5f5;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
}
.news-top h2{
    font-size: 28px;
    color: #333333;
    margin: 0px 0 34px 0;
}
.news-top ul li{
    display: inline-block;
    padding: 0 24px;
    position: relative;
}
.news-top ul li:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 13px;
    background-color: #cccccc;
    top: 0px;
    right: 0px;
}
.news-list-top{
    margin: 60px 0;
}
.news-top ul li:last-child:after{
    width: 0px;
}
.news-top ul li a{
    font-size: 14px;
    color: #808080;
    padding:0 2px 6px;
}
.news-top ul li.active a{
    border-bottom: 2px solid #cc0104;
    color: #cc0104;
}
.news-top ul li a:hover{
    border-bottom: 2px solid #cc0104;
    color: #cc0104;
}
.news-list-top-img{
    float: left;
    margin-right: 40px;
    overflow: hidden;
}
.news-list-top-img img{
    transition: all 0.5s;
}
.news-list-top-img img:hover{
    transform: scale(1.1);
}
.news-list-top-text h2 a{
    font-size: 24px;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 28px;
}
.news-list-top-text h2 a:hover{
    color: #cc0104;
}
.news-list-top-text{
    background-color: #fafafa;
    padding-top: 50px;
    padding-right: 40px;
    height: 365px;
}
.news-list-top-text h2{
    margin: 0px 0 26px 0;
}
.news-list-top-text h3{
    font-size: 16px;
    color: #808080;
}
.news-list-top-text p{
    font-size: 14px;
    color: #808080;
    line-height: 24px;
    margin: 40px 0 50px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-list-top-text i{
    font-size: 32px;
    color: #cc0104;
}
.news-list-in ul{
    margin-right: -10px;
    margin-left: -10px;
}
.news-list-in ul li a .slick-on-text{
    border: 1px solid #ededed;
}
.news-top h3{
    font-size: 16px;
    color: #808080;
}
.content{
    width: 970px;
    max-width: 96%;
    margin: 0 auto;
    padding: 50px 0;
}
.content-in span{
    font-size: 16px !important;
    /* color: #808080; */
    line-height: 2;
    /*text-indent: 2em;*/
    font-family: auto !important;
}
.content-in img{
    max-width: 100%;
    width:100%;
    height: auto;
    display: block;
    text-indent: 0;
}
.content-info{
    text-align: center;
    margin-top: 70px;
}
.content-info a{
    display: inline-block;
    width: 130px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #cc0104;
}
.content-info a.fl,
.content-info a.fr{
    color: #808080;
    border: 1px solid #cccccc;
    background-color: transparent;
}
.content-info a.fl:hover,
.content-info a.fr:hover{
    color: #fff;
    background-color: #cc0104;
    border: 1px solid #cc0104;
}
.solve-banner{
    background: url("../images/icon-69.jpg") no-repeat center center;
}
.solve-top-info>img{
    width: 100%;
    object-fit: cover;
}
.solve-top-info{
    position: relative;
}
.solve-top{
    padding:0 15px;
    margin-top: 30px;
    overflow: hidden;
}
.solve-text{
    position: absolute;
    width: 100%;
    bottom: 0px;
    padding: 25px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    height: 180px;
}
.solve-top:hover .solve-text{
    background-color: rgba(204,1,4,0.8);
    backdrop-filter: blur(10px);
    height: 100%;
}
.solve-text img{
    opacity: 0;
    position: relative;
    top: 30px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}
.solve-text i{
    opacity: 0;
    position: relative;
    top: 30px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}
.solve-text h2{
   font-size: 26px;
    color: #fff;
    font-weight: 500;
    margin-top: 12px;
    margin-bottom: 16px;
}
.solve-text h3{
    font-size: 14px;
    color: #fff;
    margin: 10px 0;
}
.solve-text ul{
    margin-top: 16px;
}
.solve-text b{
    display: block;
    width: 40px;
    height: 1px;
    background-color: #FFF;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}
.solve-text p{
    font-size: 14px;
    color: #fff;
    margin: 10px 0;
    line-height: 26px;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
   opacity: 0;
    position: relative;
    top: 30px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    
}
.solve-text a{
    opacity: 0;
    position: relative;
    top: 30px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}
.solve-top a{
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}
.solve-top:hover .solve-text img,
.solve-top:hover .solve-text p,
.solve-top:hover .solve-text i,
.solve-top:hover .solve-text a{
   opacity: 1;
   top: 0px;
}
.solve-top:hover .Vbtn-1{
    opacity: 1;
    bottom: 30px;
}
.solve-top:hover .solve-text h3{
    opacity: 0;
}
.solve-top:hover .solve-text b{
    width: 100%;
    background-color: rgba(255, 255, 255, .4);
}
.solve-text li a{
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}
.solve{
    margin-bottom:50px;
}
.content-title{
    font-size: 26px;
    color: #000000;
    text-align: center;
    margin-bottom: 40px;
}
.inv-banner{
    background: url("../images/icon-77.jpg") no-repeat center center;
}
.inves-page1-list ul{
    margin-left: -15px;
    margin-right: -15px;
}
.inves-page1-list ul li{
    padding:0 15px;
    margin-bottom: 30px;
}
.inves-page1-list ul li a{
    display: block;
    border: 1px solid #ededed;
    padding: 30px;
    height: 180px;
}
.inves-page1-list-top{
    border-bottom: 1px solid #ededed;
    padding-bottom: 22px;
}
.inves-page1-list-top span{
    font-size: 14px;
    color: #808080;
}
.inves-page1-list-top i{
    float: right;
    width: 40px;
    height: 19px;
    background: url("../images/icon-78.png") no-repeat;
}
.inves-page1-list ul li h2{
    font-size: 20px;
    color: #4c4c4c;
    margin-top: 25px;
    line-height: 28px;
}
.inves-page1-list ul li a:hover{
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    background-color: #cc0104;
}
.inves-page1-list ul li a:hover i{
    background: url("../images/icon-79.png") no-repeat;
}
.inves-page1-list ul li a:hover span,
.inves-page1-list ul li a:hover h2{
    color: #fff;
}
.inves-page1-a{
    text-align: center;
}
.inves-page2{
    background-color: #f5f5f5;
}
.inves-page2-list ul{
    margin-left: -20px;
    margin-right: -20px;
}
.inves-page2-list ul li{
    padding: 0 20px;
    margin-bottom: 30px;
}
.inves-page2-list ul li a{
    background-color: #fff;
    display: block;
    padding: 20px 30px;
}
.inves-page2-list-left h2{
    font-size: 20px;
    color: #2f2f2f;
    line-height: 1.5;
    min-height: 3em;
    padding-right: 30px;
}
.inves-page2-list-left{
    margin-right: 70px;
    border-right: 1px solid #e5e5e5;
}
.inves-page2-list-left h3{
    font-size: 14px;
    color: #808080;
    margin-top: 10px;
}
.inves-page2-list ul li a i{
    font-size: 35px;
    color: #999;
    transform: translateY(-52px);
}
.inves-page2-list ul li a:hover{
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
.inves-page2-list ul li a:hover i{
    color: #cc0104;
}
.inves-page2-list ul li a:hover h2{
    color: #cc0104;
}
.inves-page3{
    margin-bottom: 40px;
}
.inves-page3-list ul{
    margin-right: -10px;
    margin-left: -10px;
}
.inves-page3-list ul li{
    /*width: 20%;*/
    /*float: left;*/
    padding: 0 10px;
    margin-bottom: 20px;
}
.inves-page3-list ul li a{
   display: block;
}
.inves-page3-list ul li a:hover{
    /*box-shadow: 0 0 5px rgba(0, 0, 0, .1);*/
    background-color: #cc0104;
    color: #fff;
}
.inves-page3-list ul li a:hover h2,
.inves-page3-list ul li a:hover h3{
    color: #fff;
}
.inves-page3-list-text{
    border: 1px solid #ededed;
    padding: 30px 20px;
}
.inves-page3-list ul li img{
    display: block;
    width: 100%;

}
.inves-page3-list-text h2{
    font-size: 20px;
    color: #4c4c4c;
    margin-bottom: 20px;
}
.inves-page3-list-text h3{
    font-size: 15px;
    color: #808080;
    margin-top: 10px;
   line-height: 26px;
}
#nw{
    min-height: auto !important;
}
.inves-page4{
    background: url("../images/icon-83.jpg") no-repeat center center;
    padding: 135px 0 70px 0;
    text-align: center;
    background-size: cover !important;
    position: relative;
    z-index: 999;
}
.inves-page4 h2{
    font-size: 20px;
    color: #fff;
    margin: 20px 0 13px 0;
}
.inves-page4 h3{
    font-size: 14px;
    color: #fff;
    margin-bottom: 50px;
}
.inves-page4 a{
    font-size: 14px;
    color: #fff;
    margin-bottom: 0px;
    margin-top: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.inves-page4 a:hover{
    /*color: #cc0104;*/
}
.inves-page2.active .inves-page2-list ul li a{
    border: 1px solid #ededed;
}
.culture-text h2{
    font-size: 20px;
    color: #000000;
    margin: 70px 0 30px 0;
}
.culture-text{
    width: 980px;
    margin: 0 auto 90px;
    max-width: 100%;
}
.culture-text p{
    font-size: 15px;
    color: #808080;
    line-height: 36px;
}
.contact-list ul{
    margin-right: -15px;
    margin-left: -15px;
}
.contact-list ul li{
    padding: 0 15px;
}
.contact-list-top img{
   width: 100%;
}
.contact-list ul li h2{
    font-size: 22px;
    color: #000000;
    margin-top: 35px;
}
.contact-list ul li b{
    display: inline-block;
    width: 45px;
    height: 2px;
    background-color: #dd231f;
    margin: 20px 0;
}
.contact-list ul li p{
    font-size: 14px;
    color: #808080;
    line-height: 30px;
}
.map{
    margin: 50px 0;
}

.contactTa-title{
    background-color: #b4b4b4;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
}
.contactTa-title ul li{
    float: left;
    width: 20%;
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.contactTa-title ul li:first-child{
     width: 20%;
 }
.contactTa-title ul li:last-child{
    width: 20%;
}
.contactTa .contia{
    background-color: #fff;
}
.contactTa-content{
    padding:0 40px 40px 40px;
}
.contactTa-content-title{
    border-bottom: 1px solid #efefef;
    cursor: pointer;
}
.contactTa-content ul li .contactTa-content-title span{
    float: left;
    width: 20%;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    color: #6b6b6b;
}

.contactTa-content ul li .contactTa-content-title span.active b{
    width: 125px;
    height: 35px;
    display: inline-block;
    background-color: #cc0104;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    margin-top: 10px;
    cursor: pointer;
}
.contactTa-content ul li .contactTa-content-title span:first-child{
    width: 20%;
}
.contactTa-content ul li .contactTa-content-title span:last-child{
    width: 20%;
}
.contactTa-content-yc{
    background-color: #f7f7f7;
    padding: 40px;
    display: none;
}
.contactTa-content-yc h2{
    font-size: 18px;
    color: #cc0104;
    font-weight: bold;
    padding-bottom: 40px;
}
.contactTa-content-yc p{
    font-size: 14px;
    color: #474747;
    line-height: 30px;
}
.contactTa-content-yc-text{
    border-bottom: 1px solid #adadad;
    padding-bottom: 35px;
}
.contactTa-content-yc a{
    width: 125px;
    height: 35px;
    display: inline-block;
    background-color: #cc0104;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    margin-top: 35px;
    cursor: pointer;
}
.contactTa-content-title.actives{
    border: none;
}
.red-boxs {
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 99999;
    display: none;
}
.red-box-in {
    width: 510px;
    margin: 10% auto 0;
    background-color: #fff;
    border-radius: 5px;
    max-width: 90%;
}
.red-box-title {
    font-size: 14px;
    color: #474747;
    padding: 20px;
    border-bottom: 1px solid #e6e6e6;
}
.per-box-text {
    text-align: center;
    padding-top: 40px;
}
.per-box-text h2{
    font-size: 16px;
    color: #000000;
    /*text-align: left;*/
    margin-bottom: 15px;
}
.per-box-text p {
    font-size: 14px;
    color: #777777;
    margin: 15px 0;
    /*text-align: left;*/
}
.per-box-btn {
    text-align: center;
    padding: 30px 0 45px 0;
}
.per-box-btn span.active {
    background-color: #cc0104;
    color: #fff;
    border: 1px solid #cc0104;
}
.per-box-btn span {
    display: inline-block;
    width: 130px;
    height: 40px;
    border: 1px solid #999999;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    margin: 0 10px;
    font-size: 16px;
    color: #777777;
    cursor: pointer;
}
.red-box-title i {
    width: 22px;
    height: 22px;
    background: url(../images/icon-27.jpg) no-repeat;
    float: right;
    margin-right: 0px;
    cursor: pointer;
}
.rec{
    border: 1px solid #efefef;
    margin-bottom: 70px;
}
.about-box{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 9999999;
    top: 0px;
    left: 0px;
    display: none;
}
.about-box-in{
    width: 80%;
    height: 65%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    font-size: 16px;
    color: #333;
    line-height: 36px;
    padding: 3%;
    background: #fff;
}
.about-box-info{
    width: 100%;
    height: 100%;
    overflow: auto;
    padding-right: 3%;
}
.about-box-info p{
    line-height: 44px;
    text-indent: 2em;
}
.about-box-info::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #ececec
}

.about-box-info::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ececec
}

.about-box-info::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d9271b
}
.about-page3-list-a ul li {
    padding: 0 70px;
}
.news-list-top-img img{
    width: 600px;
    height: 365px;
    max-width: 100%;
}
.content-info a.active{
    cursor: no-drop;
}
.content-info a.active:hover{
    background-color: #cdcdcd;
    border-color: #cdcdcd;
}
.ff{
    cursor: pointer !important;
}
.ff:hover{
    background-color: #d9271b !important;
    color: #fff !important;
}
#NewsList li{
    padding: 20px 0;
    border-bottom: 1px dashed #cdcdcd;
}
#NewsList{
    margin: 30px 0 80px 0;
}
#NewsList li a{
    font-size: 16px;
    color: #474747;
}
#NewsList li span{
    float: right;
    font-size: 14px;
    color: #999999;
}
#NewsList li a:hover{
    color: #d9271b;
}
.case-list-text{
    padding: 0 20px 20px 20px;
}
.nav-li-info-in{
    height: auto !important;
    padding-top: 0px;
}
.nav-li-info-in-a a{
    display: block;
    font-size: 16px;
    color: #474747;
    line-height: 35px;
}
.bottom-li ul{
    text-align: center;
    padding-top: 30px;
}
.bottom-li ul li{
    display: inline-block;
    margin: 0 10px;
    position: relative;
}
.bottom-li ul li .bottom-li-in{
    position: absolute;
    top: -220px;
    background-color: #fff;
    padding: 20px;
    width: 210px;
    left: -94px;
    display: none;
    z-index: 9999;
    height: 205px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    border-radius: 10px;
}
.bottom-li ul li .bottom-li-in:after{
    content: "";
    width:0px;
    height:0px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:10px solid #fff;
    position: absolute;
    left: 103px;
    bottom: -10px;
}
.bottom-li ul li .bottom-li-ins{
    width: 500px;
}
.bottom-li ul li:hover .bottom-li-in{
    display: block;
}
.bottom-li h2{
    font-size: 14px;
}
.bottom-li-in img{
    width: 150px;
}
.page-info .jp-next,
.page-info .jp-previous{
    display: none;

}
.bottom-li-ins p.active{
    float: left;
    text-align: left;
    margin-bottom: 15px;
    width: 50%;
}
.bottom-li-ins p span{
    display: block;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}
.page-info a{
    text-indent: 900px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 0 10px;
}
.banner-nav{
    position: absolute;
    right: 0px;
    bottom: 10px;
    font-size: 16px;
    color: #fff;
}
.banner-nav-in{
    /*position: relative;*/
}
.phone-banner{
    display: none !important;
}
.banner-nav a{
    font-size: 14px;
    color: #fff;
    margin: 0 10px;
}
.banner-nav a:hover{
    color: #d9271b;
}
.map-content{
    text-align: center;
    margin: 50px 0;
}
.map-content h2{
    color: #333333;
    font-size: 36px;
}
.map-content p{
    color: #333333;
    font-size: 16px;
    margin: 30px 0 70px 0;
    line-height: 26px;
}
.map-content img{
    max-width: 90%;
}
.ic{
    height: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    position: relative;
    top: 30px;
}
.slickb .slick-on .slo:hover .ic{
    display: block;
    top: 0px;
    height: 100px;
}
.ic1{
    background: url("../images/icon-202.png") no-repeat center center;
}
.ic2{
    background: url("../images/icon-203.png") no-repeat center center;
}
.ic3{
    background: url("../images/icon-204.png") no-repeat center center;
}
.ic4{
    background: url("../images/icon-205.png") no-repeat center center;
}
.slickb .slick-on .slo{
    text-align: center;
    border-right: 1px solid #e5e5e5;
    position: relative;
}
.slickb .slick-on .slo:hover .cc{
    background-color: rgba(0,0,0,.7);
    display: block;
}
.slo img{
    width: 100%;
}
.cc{
    display: none;
    position: absolute;
    width: 100%;
    top: 0px;
    padding-top: 40px;
    height: 100%;
}
.slickb .slick-on:last-child .slo{
    border: none;
}
.item img{
    width: 100%;
}
.slickb .tx{
    font-size: 16px;
    color: #4c4c4c;
    line-height: 34px;
    text-align: center;
    height: 182px;
    padding: 40px 20px;
    position: relative;
    z-index: 9999;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.hen{
    display: inline-block;
    width: 36px;
    height: 1px;
    background-color: #7c848e;
    margin: 35px 0;
}
.slickb .slick-on .slo:hover .tx{
    color: #fff;
    transform: translateY(20px);
}
.slickb .slick-on .slo:hover .hen{
    background-color: #fff;
}
.ab li{
    float: left;
    width: 50%;
}
.con-info-left{
    float: left;
    width: 300px;
    margin-bottom: 60px;
}
.con-info-left.fixdTop{
    position: fixed;
    top: 72px;
    background-color: #fff;
    z-index: 9;
}
.con-info-right{
    float: right;
    width: 1070px;
    /* min-height: 100vh; */
}
.con-info-left h2{
    line-height: 70px;
    font-size: 20px;
    color: #fff;
    background-color: #d9271b;
    padding-left: 20px;
}
.con-info-left h2 a{
    color: #fff;
}
.con-info-left ul li a{
    line-height: 50px;
    display: block;
    border-bottom: 1px solid #ededed;
    padding: 0 20px;
    font-size: 16px;
    color: #666666;
    position: relative;
    text-wrap: nowrap;
}
.con-info-left ul li a:after{
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url("../images/r.png");
    right: 10px;
    top: 15px;
}
.con-info-left ul li.active a{
    color: #d9271b;
}
.con-info-left ul li.active a:after{
    background: url("../images/rs.png");
}
.con-info-left ul{
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}
.gb{
    display: none;
    position: absolute;
    width: 32px;
    height: 32px;
    background: url("../images/gb.png");
    bottom: 20px;
    left: 50%;
    margin-left: -16px;
    z-index: 999;
}
.map{
    position: relative;
}
.map-contact{
    padding: 50px 40px;
    width: 350px;
    position: absolute;
    top: 60px;
    left: 60px;
    height: 500px;
    background-color: rgba(204,1,4,.7);
    z-index: 9;

}
.map-contact h2{
    font-size: 24px;
    color: #fff;
}
.map-contact  b{
    width: 60px;
    height: 1px;
    background: #fff;
    display: block;
    margin: 30px 0;
}
.map-contact p{
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
}
.map-contact p em{
    position: absolute;
    left: 0px;
    top: 2px;
}
.add_list ul {
    overflow: hidden;
    margin: 0 -15px;
}
.add_list li {
    float: left;
    width: 50%;
    margin-left: -1px;
    margin-bottom: 25px;
}
.add_list li .add_in {
    margin: 0 15px;
    border: 1px solid #dddddd;
    border-top: 4px solid #cc0104;
    padding: 25px 40px;
}
.add_in  h2{
    font-size: 24px;
    color: #cc0104;
}
.add_in  h3{
    font-size: 18px;
    margin: 20px 0;
}
.carousel-control.left{
    left: -100px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.carousel-control.right{
    right: -100px !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.index-banner:hover .left{
    left: 0px;
}
.index-banner:hover .right{
    right: 0px !important;
}
.slick .slick-on .slick-on-in{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.slick .slick-on:hover .slick-on-in{
    /*transform: scale(1.15,1.15);*/
    /*-webkit-transform: scale(1.15,1.15);*/

}
.slick .slick-on:hover .slick-on-in .slick-on-text{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);

}

.slick .slick-on:hover h2{
    color: #cc0104;
}
.item a{
    display: none;
}
.item.actives a.as{
    display: block;
    position: absolute;
    z-index: 999;
    top: 60%;
    color: #fff;
    left: 50%;
    margin-left: -77px;
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
    width: 140px;
    height: 45px;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    line-height: 45px;
}
.item.ab a.ad{
    display: block;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0%;
    width: 100%;
    height: 100%;
}
.item a:hover{
    /*transform: scale(1.15,1.15);*/
    /*-webkit-transform: scale(1.15,1.15);*/
    /*background-color: #cc0104;*/
    /*color: #fff;*/
    /*border: 1px solid #cc0104;*/
     animation: shake 1s;
    -moz-animation: shake 1s;	/* Firefox */
    -webkit-animation: shake 1s;	/* Safari 和 Chrome */
    -o-animation: shake 1s;	/* Opera */
}
.inves-page4 a{
    display: inline-block;
    width: 140px;
    height: 45px;
    color: #fff;
    text-align: center;
    line-height: 45px;
}
.inves-page4 a:hover{

    background-color: #cc0104;
    letter-spacing: 2px;
    transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
}


.ys-past-img{
    width: 45%;
    /*float: left;*/
    text-align: center;
}
.ys-past-img img{
    max-width: 100%;
}
.ys-past-text{
    width: 55%;
    /*float: left;*/
}
.ys-past-text h2{
    font-size: 26px;
    color: #4c4c4c;
}
.ys-past-text p{
    font-size: 16px;
    color: #777777;
    line-height: 34px;
    text-align: left;
    margin-top: 20px;
}
#ys1{
    background-color: #f5f5f5;
}
.ys-past{
    padding: 90px 0;
}
.ys-contant-left,.ys-contant-right{
    float: left;
    width: 50%;
    height: 610px;
}
.ys-contant-left{
    background: url("../images/ys1.png") no-repeat center center;
}
.ys-contant-right{
    background-color: #f5f5f5;
    padding: 30px;
}
.ys-contant-right ul li i{
    position: absolute;
    left: 0px;
    width: 80px;
    height: 80px;
}
.ys-contant-right ul li{
    position: relative;
    margin-top: 40px;
}
i.ys1{
    background: url("../images/ys11.png") no-repeat center center;
    background-size: cover !important;
}
i.ys2{
    background: url("../images/ys22.png") no-repeat center center;
    background-size: cover !important;
}
i.ys3{
    background: url("../images/ys3.png") no-repeat center center;
    background-size: cover !important;
}
i.ys4{
    background: url("../images/ys44.png") no-repeat center center;
    background-size: cover !important;
}
i.ys5{
    background: url("../images/ys55.png") no-repeat center center;
    background-size: cover !important;
}
.ys-contant-right h2{
    font-size: 28px;
    color: #4c4c4c;
}
.ys-contant-right-in h3{
    font-size: 20px;
    color: #333333;
}
.ys-contant-right-in p{
    font-size: 14px;
    color: #808080;
    line-height: 26px;
    margin-top: 15px;
}
.ys-contant-right-in{
    padding-left: 100px;
}
.yous{
    height: 300px;
    background-image: url("../images/ys6.jpg");
    background-size: cover !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
}
.yous ul li{
    /*float: left;*/
    /*width: 25%;*/
    text-align: center;
    padding: 0 30px;
    position: relative;
}
/*.yous ul li:after{*/
    /*content: "";*/
    /*position: absolute;*/
    /*width: 1px;*/
    /*height: 260px;*/
    /*top: 45px;*/
    /*right: 0px;*/
    /*display: none;*/
    /*background-color: #fff;*/
/*}*/
/*.yous ul li:last-child:after{*/
    /*display: none !important;*/
/*}*/
.yous ul li h2{
    font-size: 22px !important;
    color: #fff;
    margin-bottom: 35px;
    padding-top: 126px;
}
.yous ul li b{
   display: inline-block;
    width: 60px;
    height: 1px;
    background-color: #fff;
}
.yous ul li p{
    font-size: 14px;
    color: #fff;
   /*display: none;*/
    opacity: 0;
    line-height: 26px;
    text-align: left;
    transform: translateY(20px);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

.yous ul li a{
    opacity: 0;
    transform: translateY(20px);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
/*.yous:hover{*/
    /*height: 350px;*/
/*}*/
.yous ul li:hover {
    background-color: rgba(204,1,4,0.8) !important;
    height: 300px;
}
.yous ul li:hover h2{
    padding-top: 50px;
    margin-bottom: 16px;
}
.yous ul li:hover b{
   display: none;
}
.yous ul li:hover p{
  opacity: 1;
    height: 78px;
    transform: translateY(0px);
}
.yous ul li:hover a{
    opacity: 1;
    transform: translateY(0px);
}
.ys-title{
    text-align: center;
}
.ys-title p{
    font-size: 16px;
    color: #777777;
    line-height: 34px;
    width: 800px;
    margin: 0 auto;
    max-width: 100%;
}
.ys-in{
    margin: 50px 0;
    display: flex;
    align-items: center;
}
.ys-img{
    width: 60%;
}
.ys-img img{
    margin-right: 40px;
    max-width: 100%;
    width: 94%;
}
.ys-text p{
    font-size: 16px;
    color: #777777;
    line-height: 34px;

}

.ys-text{
    padding-top: 20px;
    width: 40%;
}

.ys2-text{
    padding: 60px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    background-color: #fff;
}
.ys2-text p{
    font-size: 16px;
    color: #777777;
    line-height: 34px;
}
.ys2-text ul li{

    width: 48%;
}
.ys2-text ul li img{
    width: 100%;
}
.ys2-text ul li:first-child{
    float: left;
}
.ys2-text ul li:last-child{
    float: right;
}
.ys-in ul li{
    float: left;
    width: 32%;
    margin-right: 2%;
}
.ys-in ul li:last-child{
    margin-right: 0%;
}
.ys-in ul li img{
    width: 100%;
}
.ys-in ul li h3{
    font-size: 20px;
    color: #333333;
    line-height: 60px;
    text-align: center;
}
.ys4-li ul li{
    width: 100%;
    margin-top: 50px;
    text-align: center;
}
.ys4-li ul li img{
    max-width: 100%;
}
.ys4-li ul li:last-child{
    margin-right: 0%;
}
#ys4{
    background: url("../images/ys18.jpg") no-repeat center center;
    padding-bottom: 50px;
    background-size: cover;
}
.recruit{
    background-color: rgba(0, 0, 0, 0.05);
    padding-top: 1px;
    padding-bottom: 50px;
}
img{
    max-width: 100%;
}
.recruit-li ul li{
    padding: 20px;
    border: 1px solid #eee;
    margin-left: -1px;
    background-color: #fff;
    /* height: 430px; */
}
.recruit-li ul li img{
    width: 100%;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}
.recruit-li ul li:hover img{
    transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.recruit-li ul li div{
    overflow: hidden;
}
.recruit-li ul li p{
    margin-top: 17px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: rgba(0,0,0,0.8);
}
.recruit-li ul li:hover p{
    color: #cc0104;
}
.recruit-li ul li span{
    font-size: 14px;
    line-height: 24px;
    color: rgba(0,0,0,0.4);
    text-align: center;
    display: block;
}
.ys4-li ul li{
    float: left;
    width: 50%;
    padding:0 20px;
}
.ys4-li ul li div{
    background-color: #fff;
    border: 1px solid #eaebed;
    text-align: center;
    padding: 40px 0;
}
.ys4-li ul li div p{
    font-size: 18px;
    color: #333333;
}
.ys4-li ul li div span{
    display: inline-block;
    width: 55px;
    height: 2px;
    background-color: #cc0104;
    margin-top: 20px;
}
.index-past5-left p{
    font-size: 18px;
    color: #fff;
    padding-left: 37px;
}
.about-banner p{
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 1000px;
    margin: 0 auto;
    line-height: 28px;
}
.banner-a{
    text-align: center;
    margin-top: -133px;
    position: relative;
    z-index: 2;
    margin-bottom: 50px;
}
.banner-b ul li{
    float: left;
    width: 50%;
    overflow: hidden;
}
.banner-b ul li img{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.banner-b ul li img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.banner-b ul li img{
    width: 100%;
    display: block;
}
.banner-b-p{
    padding: 46px 0;
}
.banner-b-p p{
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    padding: 0 20px;
    margin-bottom: 20px;
}
.banner-b-img{
    position: relative;

}
.banner-b-img span{
    position: absolute;
    width: 100%;
    bottom: 20px;
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    padding:0 20px;
}
.containers{
    width: 1200px;
}
.banner-c ul li{
    float: left;
    width: 25%;
    position: relative;
}
.banner-c ul li.active{
    width: 50%;
}
.banner-c ul li>div{
    position: relative;
    overflow: hidden;
}
.banner-c ul li img{
    width: 100%;
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.banner-c ul li img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.banner-c ul li p{
    font-size: 14px;
    color: #fff;
    position: absolute;
    width: 100%;
    bottom: 0px;
    line-height: 60px;
    background-color: rgba(0,0,0,0.6);
    text-align: center;
}
.banner-c-li-in{
    float: left;
    width: 50%;
    position: relative;
}
.title-a{
    font-size: 26px;
    color: #333333;
    margin: 100px 0 50px 0;
    text-align: center;
}
.banner-c{
    margin-bottom: 60px;
}
.banner-d{
    padding: 70px 0;
    background: url("../images/sb18.jpg") no-repeat center ;
    background-size: cover;
}
.banner-d{
    text-align: center;
}
.banner-d h2{
    font-size: 38px;
    color: #fff;
    margin: 30px 0;
}
.banner-d p{
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    width: 1000px;
    margin: 0 auto;
}
.container-a{
    width: 1100px;
}
.banner-e ul li{
    padding: 40px 0;
}
.banner-e ul li:nth-child(even){
    background-color: #f5f5f5;
}
.banner-e ul li:nth-child(even) .banner-e-in-left{
    float: right;
    margin-left: 70px;
}
.banner-e ul li:nth-child(odd) .banner-e-in-left{
    float: left;
    margin-right: 70px;
}
.banner-e-in-left{
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.banner-e-in-left img{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
.banner-e-in-left img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);

}
.banner-e-in-right h2{
    font-size: 84px;
    font-family: akrobat;
    padding-top: 50px;
    margin-bottom: 30px;
    color: #e5e5e5;
}
.banner-e-in-right p{
    font-size: 14px;
    color: #333333;
    line-height: 28px;
}
.banner-e ul li.active .banner-e-in-right h2{
    padding-top: 0px;
}
.banner-e ul li.active{
    padding: 60px 0;
}
.banner-e-in-right h3{
    font-size: 30px;
    padding-top: 50px;
    margin-bottom: 30px;
    color: #333333;
}
.banner-g{
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    margin-top: -50px;
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 50px 110px;
    margin-bottom: 80px;
}
.banner-g h2{
    font-size: 38px;
    color: #333333;
    text-align: center;
}
.banner-g p{
    font-size: 14px;
    color: #333333;
    line-height: 28px;
    margin-top: 50px;
}
.banner-h{
    height: 480px;
    background: url("../images/sb28.jpg") no-repeat center center;
    text-align: center;
    padding-top: 90px;
}
.banner-h h2{
    font-size: 38px;
    color: #fff;

    margin-bottom: 45px;
}
.banner-h p{
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    width: 700px;
    margin: 0 auto;
    max-width: 96%;
}
.banner-i{
    margin-top: -50px;
    position: relative;
    z-index: 2;
    margin-bottom: 80px;
}
.banner-i .banner-e ul li {
    padding: 0px 0;
    background-color: #fff !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
.banner-i .banner-e ul li:nth-child(odd) .banner-e-in-right{
    padding-right: 70px;
    padding-top: 45px;
}
.banner-i .banner-e ul li:nth-child(even) .banner-e-in-right{
    padding-left: 70px;
    padding-top: 70px;
}
.banner-j{
    background: url("../images/sb33.jpg") no-repeat center center;
    background-size: cover;
    padding: 70px 0;
}
.banner-j-in-a{
    height: 376px;
    background-color: rgba(0,0,0,.62);
    width: 240px;
    padding: 50px 30px;
}
.banner-j-in-a p{
    font-size: 14px;
    color: #fff;
    line-height: 26px;
}
.banner-j-in-b{
    margin: 0 23px;
}
.banner-f{
    height: 500px;
    background: url("../images/sb27.jpg") no-repeat center center;
    background-size: cover;
}
.act{
    position: absolute;
    top: 0px;left: 0px;
    z-index: 2;
}
.content-ins img{
    display: inline-block;
}
.map-sb{
    margin-top: 60px;
}


/* 疫情专题新闻列表 */
.covid-solve {
    padding-top: 55px;
    padding-bottom: 50px;
}
.covid-solve-list {
    margin: 0 -24px;
}
.covid-solve-list li {
    padding: 0 24px;
    margin-bottom: 20px;
}
.covid-solve-list li:hover p span {
    color: #cc0104;
}
.covid-solve-list li a {
    display: block;
    background: #ebf2ff;
    border-radius: 20px;
    padding: 15px 0;
    overflow: hidden;
}
.covid-solve-list li h4 {
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    margin-bottom: 10px;
    background: url(/web/images/covid-bg.png) no-repeat center center;
    background-size: cover;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 10px;
}
.covid-solve-list li p {
    font-size: 16px;
    line-height: 30px;
    color: #2a2a2a;
    margin-bottom: 30px;
    text-indent: 2em;
    padding: 0 25px;
}
.covid-solve-list li p:last-child {
    margin-bottom: 0;
    height: auto;
}
.covid-solve-list li p span {
    display: block;
    font-size: 16px;
    color: #666666;
    text-align: right;
    width: 100%;
}
.covid-news {
    background: #f8f8f8;
    padding-top: 55px;
}
.covid-list {
    margin: 0 -20px;
}
.covid-list li {
    padding: 0 20px;
    margin-top: 50px;
}
.covid-list li .news-item {
    display: block;
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 30px;
    display: flex;
    height: 100%;
    transition: all .5s;
}
.covid-list li .news-item:hover h4 {
    color: #cc0104;
}
.news-item-left {
    width: 120px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #c7ccc6;
}
.news-item-left span:first-child {
    display: block;
    text-align: right;
    font-size: 30px;
    font-weight: 700;
    color: #444444;
    margin-bottom: 15px;
}
.news-item-left span:last-child {
    display: block;
    text-align: right;
    font-size: 16px;
    color: #999999;
}
.news-item-right {
    flex: 1;
}
.news-item-right h4 {
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    height: 48px;
    margin-bottom: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-item-right p {
    font-size: 14px;
    color: #444444;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
}
.covid-title h3 {
    font-size: 30px;
    line-height: 40px;
    color: #666666;
    margin-bottom: 20px;
    text-align: center;
}
.covid-title i {
    width: 80px;
    height: 4px;
    background: #cc0104;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
/* 疫情专题新闻列表 */